body, div, ul{
font-family: "Trebuchet MS", sans-serif; 
list-style-type:none;
}

body{
background-color:{{COLOR.0}}
}

div.page{
margin:auto;
margin-top:30px;
width:960px;
}
#title-bar{
width:100%;
margin-bottom:60px;
border-bottom:1px solid {{COLOR.1}};
}

div.section{
font-size:14px;
}
div.section > div.title{
  cursor:pointer;
}
div.section > div.title > h3{
  display:inline;
  cursor:move;
  color:{{COLOR.2}};
}
div.section h3.split{
}
div.section h3.split span{
cursor:pointer;
}
div.info-block{
}
div.info-block div.description{
  display:block;
  margin:10px;
  padding:0px 0px 10px 0px;
  clear:both;
  border-bottom:1px solid #AAA;
}
div.info-block .post{
  min-height:50px;
}
div.info-block img.whole{
}
div.info-block iframe{
  border:none;
  padding:0px;
  margin:0px;
}
div.info-block ul {
  list-style-type:none;
}
div.info-block ul li{
}
div.info-block ul.select li{
  cursor:pointer;
}
div.info-block ul li div.icon{
}
div.info-block ul li div.gicon{
  cursor:pointer;
  overflow:hidden;
}

div.info-block ul li div.gicon iframe{
}
div.info-block ul li div.gicon img{
  width:100%;
  height:100%;
}
div.info-block ul li span{
}
div.info-block ul li.dif{
}
div.info-block ul li a{
float:right;
}

div.tail{
}
div.tail h3{
float:right;
padding:0px;
margin:0px;
}

div.tail h3 a{
  margin:3px;
  cursor:pointer;
}
div.tail h3 a:hover {
}

div.tail{
}

.left-section{
  float:left;
  width:210px;
  padding-right:25px;
}
.mid-section {
  float:left;
  width:490px;
  padding-right:25px;
}
.right-section {
  float:left;
  width:210px;
}

body{
}

.wide {
margin-bottom:30px;
}
.wide .section{
  border:1px solid {{COLOR.1}}; 
  border-top:5px solid {{COLOR.1}};
  background-color:{{COLOR.3}};
  padding:10px;
}
.wide .section div.title{
  padding-bottom:3px;
}
.wide .section div.title h3{
  font-size:18px;
  color:{{COLOR.1}};
  font-weight:300;
}

.wide .section div.title div.menu{
  border-bottom:1px solid {{COLOR.1}};
  text-align:right;
  position:relative;
  top:-10px;
}
.wide .section div.title a.tab{
  background-color:{{COLOR.1}};
  margin:0px;
  font-size:14px;
  padding:3px 3px 0 3px;
  font-weight:100;
  color:white;
}
.wide .section div.title a.focus{
  background-color:white;
  color:{{COLOR.1}};
}

.wide .section h3.split{
  background-color: {{COLOR.2}};
  margin:0px;
  font-size:14px;
  padding:3px;
  font-weight:100;
  color:white;
}

.wide .section h3.split span.select{
  color:white;
}

.wide .section div.info-block {
  color:{{COLOR.1}};
  padding-bottom:5px;
}
.wide .section div.info-block ul li{
  padding:3px 3px 3px 8px;
}
.wide .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #8b8b8b;
  color:{{COLOR.1}};
}
.wide .section div.info-block ul.border-split li#service-name a{
  color: #ff25a5;
}
.wide .section div.info-block ul li:first-child {
  border:none;
}
.wide .section div.info-block ul li.select{
  background-color: #12123c;
}

.wide .section div.info-block ul li.select a {
  color: #ff25a5;
  font-weight: bold;
}

.wide .section div.info-block ul li div.icon{
  width:50px;
  height:50px;
  border:1px solid #cccccc;
  margin:7px 0 7px 0;
  overflow:hidden;
}
.wide .section div.info-block ul li div.icon img{
  width:50px;
  height:50px;
}

.wide .section div.info-block ul li div.info{
float:right;
width:380px;
margin-top:5px;
}

div.tail h3{
  border-right:7px solid {{COLOR.1}};
  border-bottom:2px solid {{COLOR.1}};
  border-left:7px solid {{COLOR.1}};
  background-color:{{COLOR.1}};
  font-size:12px;
  font-weight:100;
  color:white;
}

div.tail h3 a:hover {
  color:white;
}

.open{
margin-bottom:50px;
}

.open .section div.title{
  padding-bottom:3px;
  border-bottom:1px solid {{COLOR.1}};
  text-align:right;
  text-transform:uppercase;
  margin-bottom:10px;
}
.open .section div.title h3{
  font-size:24px;
  color:{{COLOR.1}};
  font-weight:300;
}
.open div.info-block ul li div.gicon{
  cursor:pointer;
  overflow:hidden;
}

.open div.img-frame{
  max-height:200px;
  overflow:hidden;
}
.open div.info-block img.whole{
  max-width:934px;
  background-color:#cccccc;
  margin:auto;
}

.open .section div.info-block {
  color:#939393;
}
.open .section div.info-block ul li{
}


.open .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #939393;
  color:#939393;
  cursor:pointer;
}

.open .section div.info-block ul li:first-child {
  border:none;
}

.open .section div.info-block ul li div.icon{
  width:75px;
  height:75px;
  border:1px solid #cccccc;
  margin:7px 0 7px 0;
  overflow:hidden;
}

.open .section div.info-block ul div.icon img{
  width:100%;
  height:100%;
}

.open .section div.info-block ul li div.info{
float:right;
width:110px;
margin-top:5px;
}

.open .tail{
  border-top:1px solid {{COLOR.1}};
  margin-top:5px;
}

div.img-frame iframe{
  border:none;
  padding:0px;
  margin:auto;
  width:202px;
  height:202px;
  background-color:{{COLOR.1}};
}
div.img-frame{
border:1px solid {{COLOR.1}};
padding:3px;
}

.close{
margin-bottom:30px;
}
.close .section{
  border:1px solid {{COLOR.1}};
  border-top:5px solid {{COLOR.1}};
  background-color: {{COLOR.3}};
  padding:10px;
}
.close .section div.title{
  padding-bottom:3px;
}
.close .section div.title h3{
  font-size:18px;
  color:{{COLOR.1}};
  font-weight:300;
}
.close .section div.info-block{
  clear:both;
}
.close .section div.info-block ul li{
  padding:3px 3px 3px 8px;
  float:left;
}
.close .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #1b1b1b;
  color:#939393;
}
.close .section div.info-block ul li:first-child {
  border:none;
}

.close .section div.info-block ul li div.gicon{
  width:150px;
  height:150px;
  margin:7px 0 7px 0;
  border:2px solid #cccccc;
  padding:2px;
}

.close .section div.info-block ul li div.gicon img{
  width:150px;
  height:150px;
  background-color:#cccccc;
  margin:auto;
}

#item ul{
  clear:both;
}
#item ul li{
  height:24px;
}

#item ul div.icon{
  float:left;
  height:60px;
  width:60px;
  margin:10px;
  border:1px solid gray;
}

div.extension-photo-player div{
  height:200px;
}
